<!DOCTYPE html>
<!-- 
	参考文献
	https://blog.csdn.net/qq_52357217/article/details/120092493
 -->
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- https://blog.csdn.net/qq_39074954/article/details/96179285 -->
		<h3><font color="red" size="7">H5基础</font></h3><!-- size 范围 1 ~ 7 -->
		<!-- 
			盒子标签
			简而言之就是用来装内容的
			
			<div></div> :一行只能放一个大盒子
			<span></span> : 一行可以放多个小盒子
		 -->
		<div>一个div标签，单独占一行</div>
		<span>百度</span>
		<span>谷歌</span>
		<span>新浪</span>
		<br />

		<!-- 
			用<thead></thead> 标签表示表格的头部区域，<thead>内部必须拥有<tr>标签，一般是位于第一行
			用<tbody></tbody> 标签表示表格的主体区域，主要是用于放数据本体
			以上标签都是放在<table></table>标签中

		 -->
		<table align="center" border="1">
			<thead>
				<tr align="center">
					<th>姓名</th>
					<th>性别</th>
					<th>年龄</th>
				</tr>
			</thead>
			<tbody>
				<tr align="center">
					<td>小明</td>
					<td>男</td>
					<td>20</td>
				</tr>
				<tr align="center">
					<td>夏莉</td>
					<td>女</td>
					<td>18</td>
				</tr>
			</tbody>

		</table>
		<br />
		
		<!-- 
			textarea文本域元素
			
			用于定义多行文本输入的控件
			使用场景：当用户输入內容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用< textarea>标签
			
			在表单元素中,< textarea>标签是用于定义多行文本输入的控件
			
			使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。
			
			cols = “每行中的字符数” ， rows = “显示的函数”，我们在实际开发中不会使用，都是用CSS来改变大小
			
		 -->
		 
		 <textarea cols="30" rows=6"">H5基础</textarea>

	</body>
</html>